$(document).ready(function () {
  /**
   * 用户列表表格显示控制
   */
  $("#permission-table-list").bootstrapTable({
    url: "/admin/permission/list",
    method: 'POST',
    datatype: "json",
    contentType: "application/x-www-form-urlencoded",
    striped: true,                      //是否显示行间隔色
    cache: false,                       //是否使用缓存，默认为true
    pagination: false,                   //是否显示分页（*）
    sidePagination: "server",           //分页方式：client客户端分页，server服务端分页
    showColumns: false,                 //是否显示所有的列（选择显示的列）
    showRefresh: false,                 //是否显示刷新按钮
    clickToSelect: true,                //是否启用点击选中行
    uniqueId: "id",                     //每一行的唯一标识，一般为主键列
    treeView: true,
    treeShowField: "permissionName",    //树显示的字段
    parentIdField: "pid",               //父级id
    columns: [{
      checkbox: true,
      visible: true                  //是否显示复选框
    }, {
      field: 'id',
      title: 'id'
    }, {
      field: 'permissionName',
      title: '权限名'
    }, {
      field: 'permission',
      title: '权限编码'
    }, {
      field: 'available',
      title: '是否可见'
    }, {
      field: 'id',
      title: '操作',
      width: 120,
      align: 'center',
      valign: 'middle',
      formatter: actionFormatter
    }],
    onResetView: function (data) {
      $("#permission-table-list").treegrid({
        initialState: 'collapsed',// 所有节点都折叠
        treeColumn: 2,
        expanderExpandedClass: 'glyphicon glyphicon-triangle-bottom',
        expanderCollapsedClass: 'glyphicon glyphicon-triangle-right',
        onChange: function () {
          $("#permission-table-list").bootstrapTable('resetWidth');
        }
      });
    }
  });

});
